<template>
  <page-wrap hide-tab back title="评定结果" stayStill bgColor="transparent">
    <view class="all-container">
      <image class="iv-top-img"></image>

      <text class="horizontally judge-big-tip">简历评定中</text>
      <text class="center-tip">我们将在24小时内给出评定结果，请您耐心等待</text>
      <text>关注“一览职业”公众号</text>
      <text>评定结果早知道</text>
      <text class="refresh-btn" @click="handleRefresh">刷新</text>
      <view class="bottom-phone-tip">
        客服热线：<span class="phone">400-884-1001</span> （8:00-18:00）
      </view>
    </view>
  </page-wrap>
</template>

<script>
export default {
  data() {
    return {};
  },

  methods: {
    handleRefresh() {
      // 点击刷新
      this.$emit("clickRefresh", {});
    },
  },
};
</script>
<style  lang="scss" scoped>
.all-container {
  display: flex;
  flex-direction: column;
  align-items: center;

  .iv-top-img {
    width: 200rpx;
    height: 200rpx;
    margin-top: 50rpx;
    background-size: 100% 100%;
    background-image: url($img-base + "company/cert_audit.png");
  }

  .judge-big-tip {
    font-size: 50rpx;
    margin-top: 50rpx;
  }

  .refresh-btn {
    width: 80%;
    text-align: center;
    margin-top: 50rpx;
    padding-top: 20rpx;
    padding-bottom: 20rpx;
    border-radius: 5px;
    background-color: red;
    color: white;
  }
  .bottom-phone-tip {
    position: fixed;
    bottom: 50rpx;
    width: auto;
  }

  .center-tip {
    margin-top: 50rpx;
  }

  .phone {
    color: red;
  }
}
</style>